<!DOCTYPE html>
<html>
<head>
    <title>督察记录</title>
    <#include "/header.html">
        <link href="${request.contextPath}/statics/plugins/index/resources/css/jquery-ui-themes.css" type="text/css"
              rel="stylesheet"/>
        <link href="${request.contextPath}/statics/plugins/index/resources/css/axure_rp_page.css" type="text/css"
              rel="stylesheet"/>
        <link href="${request.contextPath}/statics/plugins/index/data/styles.css" type="text/css" rel="stylesheet"/>
        <!--<link href="${request.contextPath}/statics/plugins/index/files/index/styles.css" type="text/css" rel="stylesheet"/>-->
        <link href="${request.contextPath}/statics/plugins/index/files/index/styles_1.css" type="text/css" rel="stylesheet"/>

		<!-- Include stylesheet -->
		<link href="${request.contextPath}/statics/plugins/video/video-js.css" rel="stylesheet">
		<link href="${request.contextPath}/statics/plugins/video/custom-theme.css" rel="stylesheet">
		<!-- Include the videojs library -->
		<script src="${request.contextPath}/statics/plugins/video/video.min.js"></script>
		<script src="${request.contextPath}/statics/plugins/video/vue"></script>
		<!-- videojs JS Vue -->
		<script src="${request.contextPath}/statics/plugins/video/vue-video-player.js"></script>
        </head>
<body>
<!--<div id="rrapp" v-cloak>-->

<!--</div>-->
<div id="videoapp">
	<input id="url" type="hidden" value="${url}" />
	<input id="rootPath" type="hidden" value="${request.contextPath}" />
	<div >
	    <video-player class="vjs-custom-skin"
	                  ref="videoPlayer"
	                  :options="playerOptions"
	                  :playsinline="true"
	                  @play="onPlayerPlay($event)"
	                  @pause="onPlayerPause($event)"
	                  @ended="onPlayerEnded($event)"
	                  @loadeddata="onPlayerLoadeddata($event)"
	                  @waiting="onPlayerWaiting($event)"
	                  @playing="onPlayerPlaying($event)"
	                  @timeupdate="onPlayerTimeupdate($event)"
	                  @canplay="onPlayerCanplay($event)"
	                  @canplaythrough="onPlayerCanplaythrough($event)"
	                  @ready="playerReadied"
	                  @statechanged="playerStateChanged($event)">
	  </video-player>
	</div>

</div>

<script src="${request.contextPath}/statics/js/modules/business/record/videoplayer.js?_${.now?long}"></script>
</body>

</html>